CSS page 您所在的位置:网站首页 打印 page-break-after 无效 CSS page

CSS page

2024-07-12 03:22| 来源: 网络整理| 查看: 265

CSS page-break-inside 属性CSS page-break-after 属性 CSS page-break-before 属性使用方法及示例

打印文档时,CSS属性前的page-break-before属性在元素之前位于分页符之前。 此属性适用于生成框的块级元素。 它不适用于不会生成空白框的

下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。

默认值:auto适用于:块级元素继承:没有可动画制作:否。请参见 动画属性。版本:CSS 2、3JavaScript 语法:object.style.pageBreakBefore="always"page-break-before的使用语法

该属性的语法如下:

page-break-before: auto | always | avoid | left | right | initial | inherit

下面的示例演示了如何使用page-break-before属性。

  @media print {    h1 {     page-break-before: always;          }   }测试看看‹/›

上面示例中的样式规则将分页行为设置为始终在元素之前分页,以便该元素始终出现在新页面的顶部。

注意:该page-break-before属性仅适用于根元素或table-row元素的常规流中的块级元素。

属性值

下表描述了此属性的值。

值描述auto如有必要,在元素之前插入一个分页符。这是默认值。always始终在元素之前强制分页符。avoid避免在元素之前分页。left在元素之前强制分页一次或两个,以便下一页将成为左侧页面。right在元素之前强制分页一次或两个,以便下一页将成为右侧页面。initial将此属性设置为其默认值。inherit如果指定,则关联元素采用其父元素page-break-before的属性值。浏览器兼容性

page-break-before属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均部分支持该属性。

Firefox 1+

Google Chrome1+

Internet Explorer 4+

Apple Safari 1.2+

Opera 7+

警告: Internet Explorer 8和更早版本不支持这些值left和right; 任何一个值都被解释为值always。火狐,Chrome和Safari不支持的值avoid,left或right。

进一步阅读

请参考以下教程:CSS Media Types。

相关属性:page-break-after,page-break-inside。

CSS page-break-inside 属性CSS page-break-after 属性


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有